<!DOCTYPE html>
<html lang="en-US" dir="rtl">
<head>
	<meta charset="utf-8" />
	<title>Mega Menu(RTL) - Uix Kit</title>	
		<!-- Compatibility Settings
	============================================= -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<!-- Compatibility Settings end -->



	<!-- Web Fonts
	============================================= -->
	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
	<!-- Web Fonts  end -->

	<!-- Core & Theme CSS
	============================================= -->

	<!-- Basic  -->
	<link rel="stylesheet" href="assets/css/bootstrap.min.css?ver=4.2.1" media="all"/>
	<link rel="stylesheet" href="assets/css/video.min.css?ver=7.4.1" media="all"/>


	<!-- Icons  -->
	<link rel="stylesheet" href="assets/fonts/fontawesome/css/all.min.css?ver=5.7.0">
	<link rel="stylesheet" href="assets/fonts/fontawesome/css/v4-shims.min.css?ver=5.7.0">


	<!-- Theme  -->
	<link rel="stylesheet" href="../dist/css/uix-kit.min.css?ver=HLFZLG8jFPV6rS1gYFn4"/>


	<!-- RTL  -->
	<link rel="stylesheet" href="assets/css/rtl/bootstrap-rtl.min.css?ver=4.2.1" media="all"/>
	<link rel="stylesheet" href="../dist/css/uix-kit-rtl.min.css?ver=HLFZLG8jFPV6rS1gYFn4" media="all" />


	<!--[if lt IE 10]>
	<link rel="stylesheet" href="assets/css/IE.css?ver=HLFZLG8jFPV6rS1gYFn4" />
	<![endif]-->


	<!-- Core & Theme CSS  end -->


	<!-- Vendor
	============================================= -->
	<script src="assets/js/wp-jquery/jquery.min.js?ver=3.3.1"></script>
	<script src="assets/js/wp-jquery/jquery.migrate.min.js?ver=1.4.1"></script>
    <script src="assets/js/min/modernizr.min.js?ver=3.5.0"></script>
	<!-- Vendor  end -->



	<!-- Break free from CSS prefix hell!
	============================================= -->
	<script src="assets/js/min/prefixfree.min.js?ver=1.0.7"></script>



	<!-- SEO
	============================================= -->
	<meta name="description" content="A free web kits for fast web design and development, compatible with Bootstrap v4.">
	<meta name="generator" content="Uix Kit" />  
	<meta name="author" content="UIUX Lab"> 
	<!-- SEO  end -->


	<!-- Favicons
	============================================= -->
	<link rel="icon" href="assets/images/favicon/favicon-32x32.png" type="image/x-icon">
	<link rel="shortcut icon" href="assets/images/favicon/favicon-32x32.png" sizes="32x32">
	<link rel="apple-touch-icon" href="assets/images/favicon/apple-touch-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="72x72" href="assets/images/favicon/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="assets/images/favicon/apple-touch-icon-114x114.png">
	<!-- Favicons  end -->

</head>  

     
  <body class="page rtl">
  
  
          
              
    <!-- Loader
    ============================================= -->      
    <div class="uix-loader">
        <!--[if lt IE 10]>
            <span>Loading...</span>
        <![endif]-->
        <svg class="uix-loader__spinner is-hide-IE" viewBox="0 0 52 52">
			<path d="M25.251,6.461c-10.318,0-18.683,8.365-18.683,18.683h4.068c0-8.071,6.543-14.615,14.615-14.615V6.461z"></path>
        </svg>
    </div>
    <div class="uix-loader-progress" data-txt="{progress}%"><span>0%</span></div>
    <div class="uix-loader-progress__line"></div>
    <!-- .uix-loader end -->
    

    
    <!-- Mobile Menu Toggle Trigger
    ============================================= -->    
	<div class="uix-menu-mobile__toggle">
		<span></span>
		<span></span>
		<span></span>
	</div>
    <div class="uix-menu-mobile__mask"></div>
	<!-- .uix-menu-mobile__toggle end -->

			
    
    

  
  
    <div class="uix-wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="uix-header__container">
            
             <div class="uix-header">
                 <div class="container">
                 
                                                <div class="uix-brand">
                            <a href="index.html"><img src="assets/images/logo.png" alt="Uix Kit"></a>                       
                        </div>
                        <!-- .uix-brand end -->
                        
                                                <!-- Navigation Start-->
                        
                        <nav class="uix-menu__container uix-trans">
                               
                               <div class="uix-menu__inner">
									<span class="uix-brand--mobile"><img src="assets/images/logo-colorful.png" alt="Uix Kit"></span>
									<ul class="uix-menu"> 


										<li class="multi-column current-menu-item is-active"><a href="#">Mega Menu One</a>
											<ul class="sub-menu">
												<li>
													<span class="multi-column-title">Column 1</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 2</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

												<li>
													<span class="multi-column-title">Column 3</span>
													<ul class="sub-menu">
														<li></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
											</ul>

										</li>

										<li><a href="#">Placeholder</a></li>


										<li><a href="#">Dropdown</a>
											<ul class="sub-menu">
												<li><a href="#">Dropdown 1</a>
													<ul class="sub-menu">
														<li><a href="#">Title 1</a></li>
														<li><a href="#">Title 2</a></li>
														<li><a href="#">Title 3</a>
															<ul class="sub-menu">
																<li><a href="#">Title 1</a></li>
																<li><a href="#">Title 2</a></li>
																<li><a href="#">Title 3</a></li>
															</ul>
															<!-- .sub-menu  end -->
														</li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li><a href="#">Dropdown 2 Long Long Long Long Long Long Long Long Long Long</a></li>
												<li><a href="#">Dropdown 3</a></li>
											</ul>
											<!-- .sub-menu  end -->
										</li>


										<li class="multi-column"><a href="#">Mega Menu Two</a>
											<ul class="sub-menu">
												<li>
													<span class="multi-column-title">Column 1</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 2</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title Long Long Long Long Long Long Long Long</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 3</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 4</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  

												<li>
													<span class="multi-column-title">Column 5</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 6</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  
												<li>
													<span class="multi-column-title">Column 7</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>  
												<li>
													<span class="multi-column-title">Column 8</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>   
												<li>
													<span class="multi-column-title">Column 9</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>       


											</ul>

										</li>							

										<li><a href="#">Placeholder</a></li>


										<li class="multi-column"><a href="#">Mega Menu Three</a>
											<ul class="sub-menu">
												<li>
													<span class="multi-column-title">Column 1</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 2</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												<li>
													<span class="multi-column-title">Column 3</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>
												  <li>
													<span class="multi-column-title">Column 4</span>
													<ul class="sub-menu">
														<li><a href="#">Sub Menu Title</a></li>
													</ul>
													<!-- .sub-menu  end -->
												</li>

											</ul>

										</li>							



									</ul>
									<div class="uix-menu__right-box">
										<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Twitter" href="https://twitter.com/uiux_lab" target="_blank">
											<i class="fa fa-twitter"></i>
										</a>
										<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Follow us on Facebook" href="https://www.facebook.com/uiuxlabhome" target="_blank">
											<i class="fa fa-facebook"></i>
										</a>
										<a class="uix-social-btn uix-social-btn--small uix-social-btn--circle uix-social-btn--thin uix-social-btn--white" title="Fork on Github" href="https://github.com/xizon/uix-kit" target="_blank">
											<i class="fa fa-github"></i>
										</a>   
									</div>
 
                               </div><!-- /.uix-menu__inner -->

                        </nav>
                        <!-- .uix-menu__container end -->
                        
    
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="uix-clearfix"></div>
             </div>
        
        </header>
        <div class="uix-header__placeholder js-uix-header__placeholder-autoheight"></div>
      

        
            <!-- Footer
        ============================================= -->    
        <footer class="uix-footer__container">
            <div class="uix-footer">
            
				<div class="container">
					<hr>
					
					<div class="row">
						<div class="col-lg-6 col-md-6 uix-t-l uix-mobile-tc">

							Copyright &copy; Uix Kit 2019.  |  All rights reserved. Created by <a href="https://uiux.cc">UIUX Lab</a>.
						</div>
						<div class="col-lg-6 col-md-6 uix-t-r uix-mobile-tc">
							<div class="uix-footer__menu">
								<ul>
									<li>
										<a href="https://uiux.cc" target="_blank">
											UIUX Lab
										</a>
									</li>
									<li>
										<a href="https://opensource.org/licenses/MIT" target="_blank">
											Licenses
										</a>
									</li>
									<li>
										<a href="https://github.com/xizon/uix-kit" target="_blank">
											Download
										</a>
									</li>

									<li>
										<a href="https://github.com/xizon/uix-kit/wiki/Getting-Started" target="_blank">
											Documentation
										</a>
									</li>


								</ul>
							</div>

						</div>
					</div>

				</div><!-- .container  end -->
				
			</div>
        </footer>


        
        
    </div>
    <!-- .uix-wrapper end -->
       
       
      

    <!-- Vendor -->
	<script defer src="assets/js/min/axios.min.js?ver=0.19.2"></script>
    <script defer src="assets/js/min/jquery.waitforimages.min.js?ver=1.0"></script>
    <script defer src="assets/js/min/video.min.js?ver=7.5.3"></script>
    <script defer src="assets/js/min/template7.min.js?ver=1.4.2"></script>
    <script defer src="assets/js/min/TweenMax.min.js?ver=2.0.2"></script>
    <script defer src="assets/js/min/pixi.min.js?ver=5.2.0"></script>
    <script defer src="assets/js/min/three.min.js?ver=r114"></script>
    <script defer src="assets/js/min/anime.min.js?ver=3.1"></script>
    <script defer src="assets/js/min/hammer.min.js?ver=2.0.8"></script>
    <script defer src="assets/js/min/muuri.min.js?ver=0.8.0"></script>


    
	<!-- Your Plugins & Theme Scripts
	============================================= -->
	
	<script>
        /*
        * Some global vars. DO NOT change these variables names. 
        * These variables are being used in `uix-kit.min.js`.
        *    
        */ 
		var REVISION     = "4.3.5",
			APP_ROOTPATH = {
				"templateUrl" : "", //If the file is in the root directory, you can leave it empty. If in another directory, you can write: "/blog"
				"homeUrl"     : "",  //Eg. https://uiux.cc
				"ajaxUrl"     : ""   //Eg. https://uiux.cc/wp-admin/admin-ajax.php
			};
        

        /*
        * Fixed a bug that Cannot read property 'fn' of undefined for jQuery 1.xx.x.
        *    
        */
        window.$ = window.jQuery;
    </script>  
    <script defer src="../dist/js/uix-kit.min.js?ver=HLFZLG8jFPV6rS1gYFn4"></script>
	<!-- Your Plugins & Theme Scripts  end -->
    

	<script>
			/* Google analytics */
			(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
			(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
			m=s.getElementsByTagName(o)[0];a.defer=1;a.src=g;m.parentNode.insertBefore(a,m)
			})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

			ga('create', 'UA-70658525-1', 'auto');
			ga('send', 'pageview');

	</script> 
    

  </body>
</html>

